<template>
  <div id="OrderdetailPick">
    <g-details
      :detailData="data.detailData"
      :inputConfig="inputConfig"
      :rules="rules"
    ></g-details>
  </div>
</template>

<script>
import baseMixin from "@/mixins/BaseMixin";

export default {
  name: "OrderdetailPick",
  mixins: [baseMixin],
  props: {
    data: {
      type: Object,
    },
  },
  data() {
    return {
      inputConfig: [
        {
          type: "input",
          label: this.$t('outbound.userlinenumber'),
          props: "orderlinenumber",
          disabled: true,
        },
        {
          type: "input",
          label: this.$t('config.sku'),
          props: "sku",
        },
        {
          type: "textarea",
          label: this.$t('out.pickdesc'),
          props: "pickinginstructions",
        },
        {
          type: "select",
          label: "UDF1",
          props: "susr1",
          disabled: true,
          options: [],
        },
        {
          type: "select",
          label: "UDF2",
          props: "susr2",
          options: [],
        },
        {
          type: "select",
          label: "UDF3",
          props: "susr3",
          options: [],
        },
        {
          type: "input",
          label: "UDF4",
          props: "susr4",
        },
        {
          type: "input",
          label: "UDF5",
          props: "susr5",
        },
        {
          type: "textarea",
          label: this.$t('common.note'),
          props: "notes",
        },
      ],
      rules: {
        orderlinenumber: [{ required: true, trigger: "blur" }],
        susr1: [{ required: true, trigger: "blur" }],
      },
    };
  },
  methods: {},
  mounted() {},
  watch: {},
};
</script>

<style scoped></style>
